<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        /* 只要修改标签就一定要创建样式表
            选择器（所有标签+自己取名字的那类元素，统称叫选择器）
                1，标签选择器（类型选择器）
                    所有的标签都叫标签选择器
                    语法： 标签名称{属性:属性值;}
                2， class选择器 （用的最多）
                    a,在行内样式表里以.取名
                        语法： .你自己取的名字{属性:属性值;}  如.box{ color:red;}
                    b,在标签用clas调用到你自己取的名字
                        如 <标签名称 class="你自己取的名字 你自己取的名字"></标签名称>
                        可以重复使用，同一个标签也可以使用多个（1-3）
                3, 通配符
                    *{padding:0; margin:0;} 所有标签的四个边间距清0 专业点样式重置
                    *代表所有的标签
         */
        /* p{
            color:red;
        } */
        .box1{
            color:blue;
        }
        .box2{
            background-color: pink;
        }
        *{padding:0; margin:0;}
    </style>
</head>
<body>
    <h2 class="box1">静夜思</h2>
    <p class="box1 box2">1床前明月光</p>
    <p>2床前明月光</p> 
</body>
</html>
